
let index = 0

let isMove = false;
function move(ele, offset) {
    isMove = true;
    let rate = 30;
    let time = 1000;
    let insit = $(ele).css("left");

    let goal = parseInt(insit) + offset;
    let distance = (offset * rate) / time;

    let timer = setInterval(function () {
        let movedance = parseInt($(ele).css("left"));

        if (
            movedance == goal ||
            Math.abs(Math.abs(goal) - Math.abs(movedance)) < Math.abs(distance)
        ) {
            $(ele).css("left", goal + "px");

            isMove = false;
            clearInterval(timer);

            let movedance1 = parseInt($(ele).css("left"));

            if (
                movedance1 ==
                -$(".swiper ul li").width() * ($(".pointer li").length + 1)
            ) {
                $(ele).css("left", offset + "px");
            }
            if (movedance1 == 0) {
                $(ele).css(
                    "left",
                    -$(".swiper ul li").width() * $(".pointer li").length + "px"
                );
            }
        } else {
            $(ele).css("left", movedance + distance + "px");
        }
    }, rate);
    // console.log($(ele).offset().left);
}
// $('button').click(function(){
//     move('.swiper ul',200)
// })
/*
初始化轮播图 
*/
function insit() {
    for (let i = 0; i < $(".swiper ul>li").length; i++) {
        $("<li>");
        if (i == 0) {
            $("<li>").addClass("active");
        }
        $(".pointer").append($("<li>"));
    }
    $(".pointer li").eq(0).addClass("active");
    let copyfirstEle = $(".swiper ul>li").eq(0).clone();
    let copylastEle = $(".swiper ul>li")
        .eq($(".swiper ul>li").length - 1)
        .clone();

    $(".swiper ul").append(copyfirstEle);
    $(".swiper ul").prepend(copylastEle);
}
let count = $(".swiper ul>li").length
/*
自动播放 
*/
function autoPlay() {
    setInterval(function () {
   
        // console.log(index);
        if (isMove == false) {
            index++
            if (index > count - 1) {
                index = 0
            }
            onRed()
            move(".swiper ul", -$(".swiper ul li").width());
            onPoniterClick()
        }

    }, 2000);
}
/*
向右走 
*/
function onNext() {
    $(".next").click(function () {
       
        
        if (isMove == false) {
            index++
            if (index > count - 1) {
                index = 0
            }
            onRed()
            move(".swiper ul", -$(".swiper ul li").width());
            onPoniterClick()
        }

    });
}

/*
 向左走
 */
function onPrev() {
    $(".prev").click(function () {
        
        // console.log(index);
        if (isMove == false) {
            index--
        if (index < 0) {
            index = count - 1
        }
            onRed()
            move(".swiper ul", $(".swiper ul li").width());
            onPoniterClick()
        }

    });

}


/* 
分页器 点击效果
*/

/* 红点效果*/
function onRed() {
    $(".pointer li").removeClass("active");
    $(".pointer li").eq(index).addClass("active");
}
/*点击效果 */
function onPoniterClick() {
    // if (isMove == false) {
    //     let index_d = $(this).index() - index
    //     index = $(this).index()
    //     onRed()
    //     console.log($(this).index());
    //     move(".swiper ul", -$(".swiper ul li").width() * index_d);

    // }
    // if(isMove == false){
    //     if($(this).index() > index){
    //         let index_d = $(this).index() - index
    //         console.log(index_d);
    //         index = $(this).index()
    //             onRed()
    //             move(".swiper ul", -$(".swiper ul li").width() * index_d)
    //     }else{
    //         let index_d = Math.abs($(this).index() - index)
    //         console.log(index_d)
    //         index = $(this).index()
    //         onRed()
    //         move(".swiper ul", -$(".swiper ul li").width() * index_d)
    //     }
    // }
    $(".pointer").on("click", "li", function () {
        if(isMove == false){
            if($(this).index() > index){
                let index_d = $(this).index() - index
                console.log(index_d);
                index = $(this).index()
                    onRed()
                    move(".swiper ul", -$(".swiper ul li").width() * index_d)
            }else{
                let index_d = Math.abs($(this).index() - index)
                console.log(index_d)
                index = $(this).index()
                onRed()
                move(".swiper ul", $(".swiper ul li").width() * index_d)
            }
        }
    
        /* 点击页面*/
    //    if (isMove == false) {
    //         let index_d = $(this).index() - index
    //         index = $(this).index()
    //         onRed()
    //         console.log($(this).index());
    //         move(".swiper ul", -$(".swiper ul li").width() * index_d);
    
    //     }
    });
}
onPrev()
onNext()
autoPlay();
insit();
onPoniterClick()
